<template>
	<view class="pagess">
		<view class="pagetop">
			<view class="">
				<u-icon style="color: #1678ff;margin-right: 20rpx;" name="moments"></u-icon>08-23</view>
				
			
		</view>
		<view class="pagemain">
			<view class="left" @click="gotoperson"><image src="../../static/toux.jpg"></image></view>
			<view class="right">
				<view class="right-top">
					<view class="">
						<text class="" style=" font-size: 14px;">赵小刚</text>
						<text class="right-top-c">销售经理</text>
					</view>
				
				</view>
	
				<view class="">客户对产品意向很高,但是希望价格能有优惠.</view>
	
				<view class="rightbottom">
					<view class="" style="color: #999999">2019-08-23 22:23</view>
	
					<!-- <view class=""> <u-icon name="chat"></u-icon> 4 ></view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			gotoperson(){
				uni.navigateTo({
					url:'/pages/index/person-homepage/person-homepage',
					
				})
			}
		}
	}
</script>

<style lang="scss">
.pagess {
	width: 750rpx;
	background-color: #f9f9f9;
	padding: 20rpx 20rpx;
	color: #666666;

	.pagetop {
		padding-left: 20rpx;
		line-height: 60rpx;
	}
	.pagemain {
		display: flex;
		border-radius: 20rpx;
		background-color: #fff;
		justify-content: space-between;
		padding: 20rpx 20rpx;
        
		.left {
			width: 100rpx;
			height: 200rpx;
			image {
				width: 120rpx;
				height: 80rpx;
				margin-left: -30rpx;
			}
		}
		.right {
			font-size: 12px;
			width: 620rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.right-top{
				display: flex;
				justify-content: space-between;
				.right-top-c{
					font-size: 12px;
					margin-left: 10rpx;
					color: #999999;
				}
			}
			.rightbottom{
				display: flex;
				justify-content: space-between;
			}
		}
	}
}
</style>
